﻿@charset "utf-8";
/* CSS Document */
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, u,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
	text-decoration: none;
    vertical-align:baseline;
    background:transparent;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

ul,
ul li ,ol{
    list-style:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    color: #504f52;
    font-size:100%;
	text-decoration:none;
    vertical-align:baseline;
    background:transparent;
}
*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
}
input,select,textarea {
  border: 0;
  outline: none;
  outline: none;
  font-size: .468rem;
  border-radius: 0;
  background: none;
  
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[type=submit],
input[type=button] {
  border: 0;
  outline: none;
  font-size: .468rem;
  border-radius: 0;
  background: none;
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[type=checkbox] {
  appearance: checkbox;
  -ms-appearance: checkbox;
  -moz-appearance: checkbox;
  -webkit-appearance: checkbox;
}
input[type=radio] {
  appearance: radio;
  -ms-appearance: radio;
  -moz-appearance: radio;
  -webkit-appearance: radio;
}
::-webkit-input-placeholder {
    color: #A9A9A9;
    text-indent: 5px;
}
a,
input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
em,i {
  font-style: normal;
}
table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.checkbox { display: inline-block; vertical-align: middle; margin: 0 .25rem 0 0; height: .5rem; width: .5rem;}
/*电脑版版全局样式*/
body { 
	font-family: "Microsoft YaHei",tahoma,arial,Hiragino Sans GB; 
	height: 100%;
	width: 100%;
	font-size: .36rem;
    line-height: .6rem;
	color: #504f52; 
	margin: 0 auto;
	background: #fff;
   position: relative;
}

/*浮动、位置*/
.fl { float: left; } 
.fr { float: right; }
.clearfix:after {
	content: "\20";
	clear: both;
	height: 0;
	display: block;
	overflow: hidden;
}

.clearfix:after,
.clearfix:before {
	display: table;
	content: "";
	overflow: hidden;
}
.text_l { text-align: left; }
.text_r { text-align: right; }
.center { text-align: center; }

/*单行溢出*/

.text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .5rem;
}

/*2行溢出*/

.text-line2 {
	display: -webkit-box!important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

img {
	border: 0;
	display: block;
}
.img {
	display: block;
	background-position: 50% 50%;
	background-size: cover;
}
.mb10{ margin-bottom: .32rem;}
.mt20{ margin-top: .625rem;}
.ml_10{ margin-left: .32rem;}
.hide{display: none;}
.icon{ display: block;}
.bg_white{ background: #ffffff;}
.bg_gray{ background: #f5f5f5;}
.c_ff5000{ color: #ff5000 !important;}
.c_ff5{ color: #e64a02 !important;}
.c_999{ color: #999 !important;}
.red{ color: #ff0000 !important;}
.w_4r{ width: 4rem;}
.size_min{ font-size: .36rem !important;}
.content{ padding-top: 1.33rem;}
.btn{ height: 1rem; line-height: 1rem; text-align: center; font-size: .468rem; border-radius: 4px !important; padding: 0 .437rem; }
a.btn{ display: block;}
.btn_ff5000{ background: #ff5000 !important; color: #fff !important;}
.btn_ff5000:focus{ background: #ff6d4c !important; }
.btn_border{border: 1px solid #ff5000; background: #fff; color: #ff5000;}
/*圆圈标题*/
.circle_t{ height: 1.5rem; width: 1.5rem; text-align: center; line-height: 1.5rem; font-size: .5rem; border-radius: 50%;}
.circle_t.cir_green{border: 1px solid #58b88b; color: #58b88b;} 
.circle_t.cir_blue{border: 1px solid #2ea8f5; color: #2ea8f5;} 
.circle_t.cir_green2{border: 1px solid #abcf75; color: #abcf75;} 
.circle_t.cir_yellow{border: 1px solid #ffc11d; color: #ffc11d;} 
.circle_t.cir_zi1{border: 1px solid #9675cc; color: #9675cc;} 
.circle_t.cir_zi2{border: 1px solid #b365bf; color: #b365bf;} 
.circle_t.cir_pink{border: 1px solid #fa5c7f; color: #fa5c7f;} 
.circle_t.cir_blue2{border: 1px solid #3585db; color: #3585db;} 
.circle_t.cir_orange{border: 1px solid #ff6d4c; color: #ff6d4c;} 

/*下拉*/
.drop-down{ display: none;}
/*弹出层*/
#cover{ position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,.4); z-index: 999;}
#cover .layer { position: absolute; left: 50%; top: 50%;
     transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);}
.layer span.close_btn{ display: block; height: 1rem; width: 1rem; text-align: center; line-height: 1rem; font-size: .5rem; color:#333; position: absolute; right: 0; top: 0; }